﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <link href="../jquery-easyui-1.4.3/themes/icon.css" rel="stylesheet" />
    <link href="../jquery-easyui-1.4.3/themes/metro/easyui.css" rel="stylesheet" />
    <script src="../scripts/jquery.min.js"></script>
    <script src="../scripts/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#dg').datagrid({
                width: "550px",
                height: "400px",
                fitColumns: true,//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动
                toolbar: "#lxp",//通过选择器指定的工具栏
                pagination: true,//如果为true，则在DataGrid控件底部显示分页工具栏
                singleSelect: true,
                rownumbers: true,
                method: "get",
                url: '/Member/datagrid_data1.json',
                columns: [[
                   { field: 'productid', title: '用户编号', width: 100 },
                   { field: 'productname', title: '登录名', width: 100 },
                   { field: 'unitcost', title: '真实姓名', width: 100, align: 'right' },
                   { field: 'status', title: '性别', width: 100, align: 'right' },
                   { field: 'listprice', title: '联系电话', width: 100, align: 'right' },
                   { field: 'attr1', title: '用户角色', width: 100, align: 'right' },
                   { field: 'itemid', title: '是否可以删除', width: 100, align: 'right' }
                ]]
            });
        })
    </script>
</head>
<body>
    <div style="padding:5px 0;" id="lxp">
        <a href="#" class="easyui-linkbutton add" data-options="iconCls:'icon-add'">新增</a>
        <a href="#" class="easyui-linkbutton del" data-options="iconCls:'icon-remove'">删除</a>
        <a href="#" class="easyui-linkbutton update" data-options="iconCls:'icon-edit'">修改</a>
    </div>
    <div>
        登录名：<input id="UserName" type="text" />真实姓名：<input id="TrueName" type="text" />联系电话：<input id="Tel" type="text" />
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" style="width:80px">查询</a>
    </div>
    <table id="dg"></table>  
</body>
</html>
